<template>
  <div class="index-wrap">
    <timer w="616"/>
<!--    <Notice :count="28"/>-->
    <div class="guideShowBg"></div>
    <div class="mediaPlayerBg">
      <MediaPlayer :list="mediaList" v-if="mediaList.length>0"></MediaPlayer>
      <div class="blackMediaPlayerBg" v-else></div>
    </div>
<!--    <floorShow/>-->
    <div class="guangxiang"></div>
  </div>
</template>
<script>
import MediaPlayer from "@/components/MediaPlayer.vue";
import floorShow from "@/components/floor/show";
import Notice from "@/components/Notice/Notice.vue";
export default {
  components: {MediaPlayer, floorShow, Notice},
  data() {
    return {
      list: [],
      consoleNum0: 0
    }
  },
  computed:{
    mediaList(){
      return this.$store.state.mediaList
    }
  },
  methods: {
    // getMediaList() {
    //   request('/api/appliedModule/page', {
    //     params: {
    //       bizId: pData().media,
    //       pageSize: 999,
    //       pageNum: 1,
    //       searchSource: 0
    //     }
    //   }).then(({data}) => {
    //     let temp = []
    //     data.records.forEach((s, i) => {
    //       if (s.img && s.video) {
    //       } else {
    //         data.records[i].timer = s.timer || '5';
    //         if (s.img) {
    //           data.records[i].type = 'image'
    //           data.records[i].finallyUrl = s.img
    //         } else if (s.video) {
    //           data.records[i].type = 'mp4'
    //           data.records[i].finallyUrl = s.video
    //         }
    //         temp.push(s)
    //       }
    //     })
    //     this.list = _.orderBy(temp, ['ordernum'], 'asc')
    //   })
    // }
  },
}
</script>
<style lang="scss">
.index-wrap {
  width: 1920px;
  height: 1080px;
  background: url("@/assets/xuanchuanBg.jpg");
  position: relative;
}
.guangxiang {
  width: 839px;
  height: 166px;
  background: url("@/assets/guangxian.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: -60px;
  z-index: 2;
}
.blackMediaPlayerBg{
  width: 100%;
  height: 100%;
  background: black;
}
.mediaPlayerBg {
  width: 1242px;
  height: 705px;
  background-size: contain;
  position: absolute;
  left: 652px;
  top: 100px;
  .iAmLoading {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 634px;
    text-align: center;
    font-size: 50px;
    color: #fff;
  }
}
</style>